<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // f1();
        // console.log(c);
        // console.log(b);
        // console.log(a);
        // function f1(){
        //     var a=b=c=99;
        //     console.log(a);
        //     console.log(b);
        //     console.log(c);
        // }

        // 第一步：预解析（全局作用域）
        function f1(){
            //第三步：预解析（局部作用域）
            var a;//a是局部变量

            //第四步：从上往下，一步一步执行代码
            a=b=c=99;//b、c是全局变量
            console.log(a);//99
            console.log(b);//99
            console.log(c);//99

        }
        //第二步：从上往下，一步一步执行代码
        f1();
        //第五步：接着往下执行
        console.log(c);//99
        console.log(b);//99
        console.log(a);//报错  a  is  not defined
        
    </script>
</head>
<body>
    
</body>
</html>